<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>

<!--<div id="a" onclick="f()">hhhh</div>-->

<!--<a href="javascript:alert(2333)">哈哈哈</a>-->

<!-- js 也可以写到外部js文件中，使用script标签引入进来 -->
<!--<script src="./1.js"></script>-->


<!--<script>-->

    <!--function f() {-->

        <!--alert('1234567890-09876')-->
    <!--}-->
<!--</script>-->

<form action="">

    <input type="text" name="111">
    <input type="text" name="222">
    <input type="text" name="333">
    <input type="text" name="444">


    <select name="sss" id="x">
        <option>河南</option>
        <option>河北</option>
        <option>胡南</option>
        <option>湖北</option>
    </select>
    
</form>


<div id="main" style="background-color: #e43126">哈哈哈</div>

<script>


    var s = document.getElementsByTagName('input');

    // for (var i = 0; i < 4; i++) {
    //     s[i].onfocus = function () {
    //         alert(this.getAttribute('name'))
    //     }
    // }

    // s[0].onblur = function () {
    //     alert(this.value)
    // }

    // document.getElementById('x').onchange = function () {
    //
    //     alert(this.value)
    //
    // }

    // document.getElementById('main').ondblclick = function () {
    //
    //     alert(this.innerText)
    //
    // }

    // document.getElementById('main').onmousedown = function () {
    //     alert(1111)
    // }

    // document.onmousedown = function () {
    //
    //     alert(2222)
    // }

    var main = document.getElementById('main');

    // main.onmousemove = function () {
    //
    //     alert(1111)
    // }

    // main.onmouseover = function () {
    //
    //     this.style.backgroundColor = 'blue'
    // }
    //
    // main.onmouseout = function () {
    //     this.style.backgroundColor = '#e43126'
    //
    // }

    // s[0].onkeyup = function () {
    //
    //     console.log(this.value)
    // }


    // s[0].onkeydown = function () {
    //
    //     console.log(11)
    // }

    // s[0].onkeypress = function () {
    //
    //     console.log(22)
    // }















    // DOM 0级事件绑定
    // document.getElementById('main').onclick = function () {
    //
    //     alert(1111)
    // }

    // document.getElementById('main').onclick = f;
    // function f() {
    //     alert(2222)
    // }






</script>



</body>
</html>